export default {
  draw: (cfg, group) => {
    let classNames = [
      'h-flow-start-node',
      'h-flow-node',
      cfg.passed && 'h-flow-node-history-passed',
      cfg.active && 'h-flow-node-current-active'
    ];
    return group.addShape('dom', {
      attrs: {
        width: 60,
        height: 90,
        html: `<div title="开始" data-role="startNode" class="${classNames.join(" ")}"><svg t="1711081069644" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="44205" width="200" height="200"><path d="M511.995227 255.999893a127.999947 127.999947 0 1 0 0-256.04256A127.999947 127.999947 0 0 0 511.995227 255.999893z m162.602599 121.59995a63.743973 63.743973 0 0 0-63.658641-57.42931H575.9952a31.82932 31.82932 0 0 0-22.655991 9.343996l-41.343982 41.301316-41.343983-41.685315A31.786653 31.786653 0 0 0 447.995253 319.8292h-34.943985A63.65864 63.65864 0 0 0 349.392628 376.49051l-29.098655 226.943905A32.08532 32.08532 0 0 0 351.952627 639.999733h34.559985l26.879989 326.229198A63.573307 63.573307 0 0 0 477.051241 1023.999573h70.058638a63.999973 63.999973 0 0 0 63.65864-58.154642L637.477841 639.999733h34.389319a32.127987 32.127987 0 0 0 31.82932-36.565318L674.597826 377.599843z" fill="#ffffff" p-id="44206"></path></svg></div>`,
        name: 'StartNode',
      },
    });
  },
  getAnchorPoints(cfg) {
    return [
      [1, 0.5],
    ];
  },
};
